<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<meta name="format-detection" content="telephone=no" />
		<meta charset="utf-8">
		<title>商品评论</title>
		<link rel="stylesheet" href="__TPL__/team/css/ectouch.css" />

	</head>

	<body>
		<div class="con">
			<div id="loading"><img src="__TPL__/team/images/loading.gif" /></div>
		<div class="goods-scoll-bg"></div>
		<div class="goods-evaluation-page of-hidden ect-tab j-ect-tab">
			<div class="ect-bg">				
				<header class="dis-box header-menu-1 b-color color-whie goods-fixed goods-fixed-raise ts-3 wallet-bt" style="position: static;">
					<a class="" href="javascript:history.go(-1)">
						<div class="goods-left-jiat active"><i class="iconfont icon-mn-jiantoul is-con"></i></div>
					</a>
					<div class="box-flex">
						<nav class="shopping-list-nav box-flex swiper-container-horizontal ">
							<ul class="swiper-wrapper goods-header-nav-box-raise dis-box text-c">		
								<li class="div1 box-flex swiper-slide  swiper-slide-active position-rel" category="1">
									<a class="product-div-link" href="{:url('goods/index',array('id'=>$this->_var['id']))}"></a>商品</li>	
								<li class="div2 box-flex swiper-slide   swiper-slide-active position-rel" category="2">
									<a class="product-div-link" href="{:url('goods/info',array('id'=>$this->_var['id']))}"></a>详情</li>
								<li class="div4 box-flex swiper-slide active position-rel" category="4">
									<a class="product-div-link" href="{:url('goods/comment_list',array('type'=>1,'id'=>$this->_var['id']))}"></a>评论</li>								
							</ul>										
						</nav>
					</div>
					<a class="" href="javascript:;">
						<div class="goods-left-jiat active"><i class="iconfont icon-menu icon-gengduo is-con"></i></div>
					</a>
					<div class="goods-nav ts-3">
						<ul class="goods-nav-box">
							<a href="{:url('index/index')}">
								<li><i class="iconfont icon-home"></i>首页</li>
							</a>

							<a href="{:url('category/top_all')}">
								<li><i class="iconfont icon-category"></i>分类</li>
							</a>
							<a href="{:url('flow/cart')}">
								<li><i class="iconfont icon-cart"></i>购物车</li>
							</a>
							<a href="{:url('user/index')}">
								<li style="border:none"><i class="iconfont icon-profile"></i>个人中心</li>
							</a>
						</ul>
					</div>
				</header>
			</div>
			
			<div class="hd j-tab-title tab-title b-color-f of-hidden" style="margin-top:0rem">
				<ul class="dis-box">
					<li class="box-flex {if $type == 1}active{/if}"><a href="{:url('goods/comment_list',array('type'=>1,'id'=>$this->_var['id']))}">全部评价</a><em class="db m-top04">{$comments_info.count}</em></li>
					<li class="box-flex {if $type == 2}active{/if}"><a href="{:url('goods/comment_list',array('type'=>2,'id'=>$this->_var['id']))}">好评</a><em class="db m-top04">{$comments_info.favorable_count}</em></li>
					<li class="box-flex {if $type == 3}active{/if}"><a href="{:url('goods/comment_list',array('type'=>3,'id'=>$this->_var['id']))}">中评</a><em class="db m-top04">{$comments_info.medium_count}</em></li>
					<li class="box-flex {if $type == 4}active{/if}"><a href="{:url('goods/comment_list',array('type'=>4,'id'=>$this->_var['id']))}">差评</a><em class="db m-top04">{$comments_info.bad_count}</em></li>
					<li style="display:none" class="box-flex">有图<em class="db m-top04">55</em></li>
				</ul>
			</div>
			<!--{if $comment_list}-->
			<div id="j-tab-con" class="b-color-f tab-con m-top06">
		
				<div class="swiper-wrapper">
					<section class="swiper-slide of-hidden">
						
						
						<!--{foreach from=$comment_list item="list" name="com"}-->
						<div class="evaluation-list padding-all">
							<header class="of-hidden ">
								<p class="fl"><span class="grade-star g-star-{$list.comment_rank} fl"></span><em class="t-remark fl">{$list.user_name}</em></p>
								<p class="fr t-remark">{$list.add_time}</p>
							</header>
							<p class="clear m-top10 t-goods1">{$list.content}</p>
							<p style="display:none" class="clear m-top08 t-remark">颜色分类：70cm、5144蓝色</p>
							<div class="g-e-p-pic product-one-list of-hidden scrollbar-none j-g-e-p-pic m-top10" style="display:none">
								<div class="swiper-wrapper ">
									<li class="swiper-slide">
										<img class="product-list-img" src="__TPL__/team/images/cate-0.jpg" />
									</li>
									<li class="swiper-slide">
										<img class="product-list-img" src="__TPL__/team/images/cate-1.jpg" />
									</li>									
								</div>
							</div>
							<!-- 回复-->
							<!--{if $list.reply}-->
							<!--{foreach from=$list.reply item=reply }-->
							<p class="m-top10 t-remark">
								<label class="admin-text">{$reply.user_name}回复：</label>
								{$reply.content}
							</p>
							<!--{/foreach}-->
							<!--{/if}-->
						</div>
						<!--{/foreach}-->
					</section>					
				</div>
				{include file='library/page.lbi'}
			</div>
			<!--{else}-->
				<div class="no-div-message" style="margin-top:25%">
					<i class="iconfont icon-biaoqingleiben"></i>
					<p>亲，此处没有内容～！</p>
				</div>
				<!--{/if}-->
			
		</div>
		</div>
		
	</div>
		<!--引用js-->
		<script type="text/javascript" src="__TPL__/team/js/jquery-2.1.4.min.js"></script>
		<script type="text/javascript" src="__TPL__/team/js/swiper.min.js"></script>
		<script type="text/javascript" src="__TPL__/team/js/ectouch.js"></script>
		<script type="text/javascript" src="__PUBLIC__/js/common.js"></script>		
		<script type="text/javascript">
			$('.shopping-list-nav li').on('click', function(e) {
					var category = $(this).attr('category');
					var index = $(".shopping-list-nav li").index(this);
					$(this).siblings().removeClass("active");
					$('.shopping-abs .swiper-slide a').removeClass("active");

					$(".div" + category).addClass("active");

					swiper_nav.slideTo(index, 1000, false); //切换到第一个slide，速度为1秒

					infinite.onload('where=' + category + '&type=1');
					var swiper = new Swiper('.j-g-s-p-con', {
						scrollbarHide: true,
						slidesPerView: 'auto',
						centeredSlides: false,
						grabCursor: true

					});
			})
			
		</script>
	</body>

</html>